page {
	background: $uni-bg-color-grey;
	padding-bottom: 100upx;
}

//商品模块
.prod-section {
	
	.prod-header {
		display: flex;
		align-items: center;
		height: 84upx;
		padding: 0 30upx;
		position: relative;
		background: #ffffff;

		.name {
			font-size: 30upx;
			color: $uni-text-color;
			margin-left: 24upx;
		}
	}

	.prod-body {
		margin-top: 20upx;
		background: #ffffff;
	}
}

//商品信息
.prod-item {
	display: flex;
	padding: 20upx 30upx;

	image {
		flex-shrink: 0;
		display: block;
		width: 140upx;
		height: 140upx;
		border-radius: 20upx;
	}

	.right {
		flex: 1;
		padding-left: 24upx;
		overflow: hidden;
		
		.title {
			font-size: 30upx;
			color: $uni-text-color-dark;
		}
		
		.spec {
			font-size: 26upx;
			color: $uni-text-color-light;
		}

		.price-box {
			display: flex;
			justify-content: space-between;
			font-size: 32upx;
			padding-top: 10upx;
		
			.price {
				color: $uni-text-color-red;
			}
		}
		
	}
}

//备注信息
.note-cell {		
	display: flex;
	align-items: center;
	padding: 0upx 30upx 10upx 40upx;
	line-height: 70upx;
	position: relative;
	
	.cell-tit {
		flex: 1;
		font-size: 26upx;
		color: $uni-text-color-light;
		margin-right: 10upx;
		max-width: 90upx;
	}
	
	.note {
		font-size: $uni-font-size-base;
		color: $uni-text-color-dark;
	}
}

//提交订单
.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 90upx;
	justify-content: space-between;
	font-size: 30upx;
	background-color: #ffffff;
	z-index: 998;
	color: $uni-text-color;
	box-shadow: 0 -1px 5px rgba(0, 0, 0, .1);

	.price-content {
		padding-left: 30upx;
		font-size: $uni-font-size-lg;
		
		.price {
			color: $uni-text-color-red;
		}
	}
	
	.submit {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 280upx;
		height: 100%;
		color: $uni-text-color-inverse;
		font-size: 32upx;
		background: $uni-color-primary;
	}
}
